import {
  queryHotSalesRanking,
  queryHotSalesRankingProducts
} from "../../service/hot-sales-ranking"

const windowInfo = wx.getWindowInfo()
Page({

  /**
   * 页面的初始数据
   */
  data: {
    hotSalesRankingList: [{
      categoryId: -1,
      categoryName: "综合热销"
    }],
    // 当前激活Item索引
    activeIndex: 0,
    // 横向scroll-view滑动距离
    scrollLeft: 0,
    // 屏幕宽度
    windowWidth: windowInfo.screenWidth,
    // 商品列表
    productList: []
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: async function (options) {
    const res = await queryHotSalesRanking()
    console.log(res);
    this.setData({
      hotSalesRankingList: [...this.data.hotSalesRankingList, ...res.data]
    })
    const productList = await queryHotSalesRankingProducts(this.data.hotSalesRankingList[this.data.activeIndex].categoryId)
    console.log(productList);
    this.setData({
      productList: productList.data
    })
  },
  /**
   *  点击查看商品
   */
  onTapCheckProduct(event){
    const productId = event.currentTarget.dataset.productId
    wx.navigateTo({
      url: `/pages/Product/Product?productId=${productId}`,
    })
  },
  /**
   *  点击添加商品到购物车
   */
  onTapAddToShippingCart(event){
    const productId = event.currentTarget.dataset.productId
    wx.navigateTo({
      url: `/pages/Product/Product?productId=${productId}&showShippingCart=true`,
    })
  },


  async tabClick(e) {
    const {
      dataset: {
        index
      },
      offsetLeft
    } = e.currentTarget
    const query = wx.createSelectorQuery()
    query.select(`#item-${index}`).boundingClientRect()
    query.exec((res) => {
      const {
        width
      } = res[0]
      const scrollLeft = offsetLeft + width / 2 - this.data.windowWidth / 2
      this.setData({
        activeIndex: index,
        scrollLeft
      })
    })
    const productList = await queryHotSalesRankingProducts(this.data.hotSalesRankingList[this.data.activeIndex].categoryId)
    console.log(productList);
    this.setData({
      productList: productList.data
    })
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})